<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Form</title>
        <link href="../../py/resources/share/control/core.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/control/core.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/control/icons.css" rel="stylesheet" type="text/css" />
		
		<link href="../../py/resources/share/button/button.css" rel="stylesheet" type="text/css" />
        <link href="../../py/resources/default/button/button.css" rel="stylesheet" type="text/css" />
		
		<link href="../../py/resources/share/button/menubutton.css" rel="stylesheet" type="text/css" />
        <link href="../../py/resources/default/button/menubutton.css" rel="stylesheet" type="text/css" />
		
        <script src="../../py/system.js" type="text/javascript"></script>
		<script src="../../py/system/data/collection.js" type="text/javascript"></script>
		<script src="../../py/system/dom/element.js" type="text/javascript"></script>
		<script src="../../py/system/controls/control.js" type="text/javascript"></script>
		<script src="../../py/system/controls/iformcontrol.js" type="text/javascript"></script>
		<script src="../../py/system/controls/contentcontrol.js" type="text/javascript"></script>
		<script src="../../py/system/controls/button.js" type="text/javascript"></script>
		<script src="../../py/system/controls/imenucontainer.js" type="text/javascript"></script>
		<script src="../../py/system/controls/menubutton.js" type="text/javascript"></script>
		
		<script src="../../common/project/project.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/default.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/debug.js" type="text/javascript"></script>
		
		
		<!--  &#9660;        -->
		
		<script>
			
			new MenuButton({
				dropDownMenu: Element.parse("<div>下拉菜单</div>").renderTo().setStyle('position', 'absolute'),
				renderTo: true
			});
			
		</script>
		
    </head>
    <body>
		<div>
			<button><span class="x-button-label">按钮</span><span class="x-button-arrow">&nbsp;</span></button>
			
			<a class="x-button x-menubutton">
				<span class="x-button-container">
					<span class="x-button-content">
						<button   type="button" onclick="this.firstChild.innerHTML = '#' + this.firstChild.innerHTML"><span class="x-button-label">按钮</span><span class="x-button-arrow">&nbsp;</span></button>
					</span>
				</span>
			</a>
			
			<a class="x-button x-menubutton">
				<span class="x-button-container">
					<span class="x-button-content">
						<button   type="button" onclick="this.lastChild.innerHTML = '#' + this.lastChild.innerHTML"><span class="x-icon x-icon-layout"></span><span class="x-button-label">按钮</span><span class="x-button-arrow">&nbsp;</span></button>
					</span>
				</span>
			</a>
			
			<a class="x-button x-menubutton x-checked">
				<span class="x-button-container">
					<span class="x-button-content">
						<button   type="button" onclick="this.firstChild.innerHTML = '#' + this.firstChild.innerHTML"><span class="x-button-label">按钮</span><span class="x-button-arrow">&nbsp;</span></button>
					</span>
				</span>
			</a>
			
			<a class="x-button x-menubutton x-disabled">
				<span class="x-button-container">
					<span class="x-button-content">
						<button   type="button" onclick="this.firstChild.innerHTML = '#' + this.firstChild.innerHTML" disabled="disabled"><span class="x-button-label">按钮</span><span class="x-button-arrow">&nbsp;</span></button>
					</span>
				</span>
			</a>
			
        </div>
    </body>
</html>
